describe("App.NavigationView", function(){
    var application, navigationView;
    
    beforeEach(function() {
        application = Ember.Application.create();
        navigationView = App.NavigationView.create();
    }),
    afterEach(function() {
        Ember.run(function() {
            application.destroy();
        });
    });

//    it('should toogle subNav and active of MORE when click MORE item', function(){
//        spyOn(navigationView, '_toogleActiveForMore');
//        var isCurrentHidingSubNav = navigationView.get('isSubNavHidden');
//
//        navigationView.clickMoreItem();
//
//        expect(navigationView.get('isSubNavHidden')).toEqual(!isCurrentHidingSubNav);
//        expect(navigationView._toogleActiveForMore).toHaveBeenCalled();
//    });
//
//    it('should toogle subNav when "isSubNavHidden" changed', function(){
//        spyOn(navigationView, '_toogleSubNav').andCallThrough();
//        var subNav = $("<li id='sub-nav'/>").appendTo($('body'));
//
//        ///////////////
//        navigationView.set('isSubNavHidden', false);
//        navigationView.set('isSubNavHidden', true);
//
//        expect(navigationView._toogleSubNav).toHaveBeenCalled();
//        expect(subNav.hasClass('s-hidden')).toBeTruthy();
//
//        ///////////////
//        navigationView.set('isSubNavHidden', false);
//
//        expect(navigationView._toogleSubNav).toHaveBeenCalled();
//        expect(subNav.hasClass('s-hidden')).toBeFalsy();
//    });
});